room-editor, [data-is="room-editor"]
    background backgroundDeeper
    overflow hidden
    & > canvas
        position absolute
        left 0
        top 0
        width 100%
        height 100%
room-editor
    &.aView
        overflow hidden
    .&-aToolsetHolder
        pointer-events none
        & > *
            pointer-events initial
        position absolute
        left 0
        right 0
        top 0
        bottom 0
        overflow hidden
        padding 1rem
        display grid
        grid-template-columns auto auto 1fr
        grid-gap 0 1rem
        align-items start
    .&-aToolbar
        border-radius br
        margin 0
        {shad}
        button
            border-color borderBright
    .&-aContextPanel
        @extends .aPanel
        display block
        width 18rem
        padding 1rem
        border-radius br
        overflow auto
        z-index 2
        {shadamb}
        resize both
        min-width 15rem
        max-width 50vw // why would you need it any longer
        min-height 4rem
        max-height calc(100% - 2rem)
    .&-aTopPanel
        border-radius br
        border borderBright
        {shad}
        display flex
        flex-flow row nowrap
        background background
        width max-content
        justify-self center
        grid-column 3
        & > *
            padding 0.25rem 1rem
            box-shadow none
            border-top 0
            border-bottom 0
            border-left 0
            border-right 1px solid borderBright
            margin 0
            border-radius 0
            &:first-child
                border-radius br 0 0 br
            &:last-child
                border 0
                border-radius 0 br br 0
        & > .slim
            padding 0.25rem 0.5rem
        & > .checkbox
            padding-left 2.5rem
            [type="checkbox"]
                top 50%
                margin-left 1rem
                transform translate(0, -50%)
        & > zoom-slider
            width 10rem
    .&-aSelectionToggle
        display inline-block
        position relative
        padding 0 1rem 0.5rem 0
        cursor pointer
        &.active
            svg
                color act
                &:last-child
                    color accent1
        svg
            {trans}
            &:last-child
                width 1rem
                height @width
                padding 0.25rem
                display block
                //background background
                border-radius 100%
                overflow visible
                position absolute
                bottom 0
                right 0
                //{shad}
